<#include "../common/header.htm">
<div class="content-wrapper" style="height:100%;">
    <section class="content" style="height:100%;">
        <div class="row tranrow" style="height:100%;">
            <div class="watnav-content" style="height:100%;display:flex;flex-direction: column;">
                <div class="watnav">
                    <ul class="nav nav-tabs">
                        <li role="presentation"  class="active"><a href="#">疑似居住地分析</a></li>
                        <li role="presentation"><a href="#">疑似工作地分析</a></li>
                        <li role="presentation"><a href="#">双休日通话分析</a></li>
                        <li role="presentation"><a href="#">特殊日期通话分析</a></li>
                        <li role="presentation"><a href="#">异常号码分析</a></li>
                        <li role="presentation"><a href="#">碰面分析</a></li>
                    </ul>
                </div>
                <iframe name="accountStatistics" id="main" class="iframe-wrap" style="flex:1;" src="${ctx}/phoneAddress/residence" frameborder="0" scrolling="no"></iframe>
            </div>
        </div>
    </section>
</div>
<!--<script src="${ctx}/bower_components/easyui/plugins/jquery.layout.js"></script>-->
<script>
	var caseId=parent.caseId;
    /*$(document).ready(function () {
        $('.wrapper').layout({
            north: {
                size:40,
                spacing_open:0,
                closable:false,
                resizable:false
            },
            center: {
                size:20,
                spacing_open:0
            }
        });
    })*/
    function _checkedCallback() {
        accountStatistics.window._checkedCallback()
    }
    $(function(){
        $(".watnav li").click(function() {
            $(this).siblings('li').removeClass('active');
            $(this).addClass('active');
        });
        $(".watnav li").click(function() {
            var index =$(this).index();
            console.log(index)
            if(index == 4){
                $(".iframe-wrap").prop("src","${ctx}/abnormal/abnormalPhoneAnalysisInit");
            }
            if(index == 0){
                $(".iframe-wrap").prop("src","${ctx}/phoneAddress/residence");
            }
            if(index == 1){
                $(".iframe-wrap").prop("src","${ctx}/phoneAddress/working");
            }
            if(index == 2){
                $(".iframe-wrap").prop("src","${ctx}/phoneAddress/worked");
            }
            if(index == 3){
                $(".iframe-wrap").prop("src","${ctx}/phoneAddress/specialDate");
            }
            if(index == 5){
                $(".iframe-wrap").prop("src","${ctx}/meet/meetAnalysisInit");
            }
        })
    });
</script>
<style>
    .watnav {
        background-color: white;
        width: 100%;
    }
    .tranrow{
        width: 100%;
    }
    .nav-tabs {
        margin-right: 10px;
    }
    .watnav li a{
        color: #555555;
    }
    .iframe-wrap{
        height: 100%;
        width: 100%;
    }
</style>